<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	lang="en">
	
	<!-- NAVBAR
    ================================================== -->
    <div class="navbar-wrapper">
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
      <div class="container">

        <div class="navbar navbar-inverse">
          <div class="navbar-inner">
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="brand" href="${facesContext.externalContext.requestContextPath}/index.jsf">Academia Fitness Brasil</a>
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
            <div class="nav-collapse collapse">
              <ul class="nav">
                <li class="active"><a href="${facesContext.externalContext.requestContextPath}/servicos.jsf">Serviços</a></li>
                <li><a href="${facesContext.externalContext.requestContextPath}/localizacao.jsf">Localização</a></li>
                <li><a href="${facesContext.externalContext.requestContextPath}/contato.jsf">Contato</a></li>
                <!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
                <li class="divider-vertical"></li>
					<li class="dropdown">
						<a class="dropdown-toggle" href="#" data-toggle="dropdown">Área do admin <strong class="caret"></strong></a>
						<div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
							<h:form>
								<h:messages style="color:red;"></h:messages>
								<h:panelGroup rendered="#{!LoginMB.usuarioLogado}">
									<h:outputLabel value="Usuário:"/>
									<h:inputText id="usu" style="margin-bottom: 15px;" value="#{LoginMB.usuario}" required="true" requiredMessage="Informe o usuário!"/>
									<h:outputLabel value="Senha:"/>
									<h:inputSecret id="senha" style="margin-bottom: 15px;" value="#{LoginMB.senha}" required="true" requiredMessage="Informe a senha!"/>
									<h:commandButton class="btn btn-primary btn-block" value="Login" action="#{LoginMB.login}"/>
								</h:panelGroup>
								
								<h:panelGroup rendered="#{LoginMB.usuarioLogado}">
									<h:commandButton class="btn btn-primary btn-block" value="Logout" action="#{LoginMB.logout}"/>
								</h:panelGroup>
							</h:form>
						</div>
					</li>
              </ul>
            </div><!--/.nav-collapse -->
          </div><!-- /.navbar-inner -->
        </div><!-- /.navbar -->
      </div> <!-- /.container -->
    </div><!-- /.navbar-wrapper -->
</ui:composition>
